/*  
Theme Name: WebPhuLy 2 Col 1
Theme URI: http://www.webphuly.com
Version: 1.2
Description: Thiết kế website chuyên nghiệp tại Phủ Lý, Hà Nam
Author: vu anh duong
Author URI: http://www.webphuly.com
Tags: webphuly, thiet ke website tai Phủ lý, Hà Nam
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{background:transparent;border:0;font-size:100%;outline:0;vertical-align:baseline;margin:0;padding:0}
blockquote:before,blockquote:after,q:before,q:after{content:none}
blockquote{display:block;margin:1em 40px}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:lcontent-newsine-through}
a{color:#C14300;text-decoration:none}
hr{border:none;border-top:1px solid #e6e6e6;height:1px;clear:both}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5,h6{font-weight:700}
h1{font-size:1.8em}
h2 {font-size:1.3em;
color: rgb(216, 6, 14);
}
h2 a
{
   color: rgb(216, 6, 14);
}
h3{font-size:1.2em}
h4{font-size:1.1em}
h5{font-size:1em}
h6{font-size:.9em}
ol li{list-style:decimal inside}
li{list-style-position:inside}

/* CSS Document */
body { 
    background-color: #0082e7;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px;
    line-height: 24px;
}

a { text-decoration: none; }
ul, ol, li { list-style: none; }
.aligncenter{
    margin: 0 auto;
    display: block;
    clear: both;
     margin-bottom: 15px;
    max-width:600px;
}
#wrapper { width: 1000px; margin: 0 auto; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.5); background: #fff;}
/* TOP BLOCK */
.hidden { display: none!important; }
#header { width: 100%; float: left; position: relative; }
#header .mess-block { float: left; position: relative; width: 100%; height: 28px; }
#header .mes-top-block { height: 28px; background: #fff;/*background: url(img/top-bg-center_3x3.png) repeat transparent;*/ width: 984px; float: left;}
#header .mes-top-block a{color:#f8f8f8;line-height:28px;padding:0 8px;border-left: 1px solid #e6e6e6;}
#header .mess-block-left, #mess-block-right { width: 8px; height: 28px; }
#header .mess-block-left { background: url(img/mess-block-left.png) no-repeat transparent; width: 8px; float: left; height: 28px; }
#header .mess-block-right { background: url(img/mess-block-right.png) no-repeat transparent; width: 8px; float: right; height: 28px; }
/* TOP BANNER */
.heading-line{
    color: #D65757;
    letter-spacing: 1px;
    /* font-weight: bold; */
    padding-top: 2px;
    padding-left: 10px;
    display: block;
}
#news-ticker
{
   margin-left: 15px;
   margin-top: 3px;
}
.tickerDate
{
   font-size:10px;
   font-style: italic;
}
.tickerLink a  
{
 font-size: 12px;
 color: #B30000;
}
#header .header-top
{
   float: left;
background: #FAFAFA;
display: block;
position: relative;
width: 100%;
height: 28px;
}
#header .header-top .header-top-left
{
   float: left;
   width: 580px;
}
#header .header-top .header-top-right
{
   float: right;
}

.greyTab-R {
float: right;
height: 18px;
padding: 2px 7px 0px 0px;
opacity: 0.8;
font-size: 11px;
color: #000;
white-space: nowrap;
position:absolute;
right: 0;
}

.greyTab-R ul {
margin: 0;
padding: 0;
}

.greyTab-R ul li {
display: inline;
list-style: none;
padding: 0 5px;
border-right: 1px solid #909090;
}
.greyTab-R ul li:last-child
{
  border-right:none;
}
.greyTab-R ul li a
{
  letter-spacing: 1px;
  color: rgb(150, 0, 0);
}
#banner-top { float: left; max-width: 1000px; position: relative; width: 1000px; }
#banner-top img { max-width: 1000px; max-height: 180px;  }
#banner-top .slogan
{
    margin-left: 620px;
    margin-top: 67px;
}
/* LANGUAGE */
#header .language { float: right; width: 24px; position: relative; height: 18px; margin-top: -21px; margin-right: 20px; }
#header .language .en { background: url(http://kimkhithanhson.com/wp-content/themes/cdcgvn%20-%20std-2col/icon/flag.png) no-repeat bottom transparent; position: absolute; height: 14px; width: 24px; display: block; }
#header .language .vi { background: url(http://kimkhithanhson.com/wp-content/themes/cdcgvn%20-%20std-2col/icon/flag.png) no-repeat top transparent; position: absolute; height: 14px; width: 24px; display: block; }
#header .language .en, #header .language .vi { z-index: 7000; }
#header .language .en:hover, #header .language .vi:hover { cursor: pointer; }

/* SLider */
/* SLider */
#feature-box
{    
    position: relative;
    width: 980px;
/*    background: #fff;
*/}


#feature-box .top-line
{
    background: #fff;
    opacity: 0.5;
    width: 990px;
    height: 12px;
    margin: 0 auto;
    position: absolute;
    z-index: 2;
}


/* CONTAINER */
.clear
{
    clear: both;
    content: '';
}
.container 
{ 
    width: 980px; 
/*    background-color: #fff; 
*//*    min-height: 500px; 
*/    position: relative; 
    float: left; 
    padding-top: 20px; 
    border-bottom: 1px solid #eae9e1; 
    padding: 10px 10px 10px 10px; 
}


.col-left
{
    float: right;
    width: 745px;
    min-height: 350px;
    margin-top: 10px;
}
.box-news
{
    float: left;
    position: relative;
    margin-bottom: 10px;
/*    border: 1px solid #eae9e1;
*/}
.box-news a{
    text-decoration: none;
}

.box-news a:hover
{
    font-style: italic;
}

.cat-title
{
    position: relative;
    color: #fff;
    background:  #0082e7; 
/*    background: url(img/bg-tit-cam.png) repeat transparent;
*/    padding: 3px 12px;
    margin: 0 0 12px 0;
}
.cat-title h2
{
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.cat-title h2:after
{
    content: no-close-quote;
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: -5px;
    left: 22px;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid  #0082e7;
}

.ha-title
{
    position: relative;
    color: #fff;
     background:  #0082e7; 
    padding: 2px 12px;
    margin: 0 0 12px 0;
}
.ha-title h2
{
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/*.box-news h3, .top-news h2, .two-col h2 a
{
    padding: 10px 0px 5px 10px;
    color: #333;
    display: block;

}*/
.news-tit
{
    overflow: hidden;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
}
.news-tit h3
{
    font-size: 14px;
    position: relative;
    float: left;
    padding-bottom: 10px;
    border-bottom: 3px solid #00b3f0;
    color: rgb(216, 6, 14);
    letter-spacing: 1px; 
    text-transform: uppercase;
}
.news-tit h4
{
    font-size: 14px;
    position: relative;
    float: left;
    padding-bottom: 10px;
    border-bottom: 3px solid #00b3f0;
    color: rgb(216, 6, 14);
    letter-spacing: 1px; 
}

.view-all
{
    position: absolute;
    /*background: url(img/xemtatca.png) no-repeat;*/
    height: 22px;
    color: #0082e7;
    font-size: 11px;
    top: 5px;
    right: 5px;
    font-style: italic;
}

.view-all1
{
    position: absolute;
    background: url(img/xemtatca1.png) no-repeat;
    width: 79px;
    height: 22px;
    color: #000;
    font-size: 11px;
   top: 112px;
  right: 10px;
}

.view-all-nghedt
{
    position: absolute;
    margin: -35px 0px 9px 612px;
    background: url(img/views-more-bg.png) no-repeat;
    width: 79px;
    height: 22px;
    color: #000;
    font-size: 11px;

}

.view-all-nckh-dtn
{
    position: absolute;
    margin: -22px 0px 9px 266px;
    background: url(img/xemtatca.png) no-repeat;
    width: 79px;
    height: 22px;
    color: #000;
    font-size: 11px;
}
.xemtiep
{
    width: 79px;
    height: 22px;
    font-style: italic;
    float: right;
    margin: 0 0px 5px 0px;
    background: url(img/xemtiep.png) no-repeat;
    color: #09b901;
}
.info-h1{
    border-left: 1px solid #eae9e1;
    border-right: 1px solid #eae9e1;
    border-bottom: 1px solid #eae9e1;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    color: #0082e7;
    background: url('http://kimkhithanhson.com/wp-content/themes/cdcgvn%20-%20std-2col/img/wapper-bg2.png');
}
.content-news 
{
    padding: 5px 10px 10px 10px;
    text-align: justify;
    position: relative;

}
.box-news-left-right
{
    border: 1px solid #e6e6e6;
    float: left;
    position: relative;
    padding: 10px;
}
.box-news-left
{
    /*margin-top: -10px;*/
   /* float: left;
    width: 290px;
    margin-top: 10px;
    border-right: 1px solid #e6e6e6;*/
/*    min-height: 495px;
*/}

.box-news-right
{
    float: right;
    display: block;
    margin-top: 10px;
    width: 238px;
    overflow: hidden;
}

.45nam
{
    text-align: center;
width: 280px;
height: 65px;
display: block;
}
.45nam img
{
   vertical-align:middle;
}
.ul1
{
    margin: 5px;
    color: #C54300;
}

.ulnews li
{
    padding: 8px 3px 8px 10px ;
    background: url(img/sprite-2.gif) no-repeat top 1px left;
}

.ulnews1 li
{
    padding: 8px 3px 8px 10px ;
    background: url(img/sprite-2.gif) no-repeat top 4px left;
}

.item-news 
{
    position: relative;
    margin: 7px 5px 7px 5px;
}

.item-title
{
    text-align: left;
    position: relative;
    padding-top: 10px;
    color: #8f3931;
    font-size: 12px;
}
.line-top
{
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 10px;
}
.item-news img
{
    width: 78px;
    height: 58px;
    border: 3px solid #efefef;
    max-width: 78px;
    max-height: 58px;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.col2-left .top-news img, .col2-right .top-news img
{
    border: 3px solid #efefef;
    margin-left: 10px;
    width: 315px;
    height: 200px;
}

.box-col2
{
    margin-top: 0px;
}
.col2-left
{
    float: left;
    width: 343px;
    margin-top: 10px;
    border: 1px solid #e6e6e6;
    min-height: 458px;
}

.col2-right
{
    float: right;
    width: 343px;
    margin-left: 10px;
    margin-top: 10px;
    border: 1px solid #e6e6e6;
    min-height: 458px;
}

.boxList { 
    border: 1px solid #e6e6e6;
    /*margin-top: 10px;*/
    position: relative;
}
.boxList1 { 
    width: 700px;
    margin-bottom: 10px; 
}  
.boxList1 li { 
    float: left; 
    font-size:13px; 
    margin-left: 10px; 
    width: 219.66px; 
    position: relative;
    min-height: 220px;
} 
.boxList1 li:last-child { 
    margin-right: 10px!important;
}
.clearfix { zoom:1; }
.clearfix:after {
    display:block;
    clear:both;
    content:"";
}
.widget
{
    float: left;
    margin-top: 10px;  
    margin-bottom: 5px;
    position: relative;
        width: 225px;

}
.col-right
{
    float: left;
    width: 225px;
}

.box-widget
{
    border: 1px solid #e6e6e6;
    margin-top: 30px;
    line-height: 1.3;
}
.col-right h2 {
    /*height: 26px;
    padding: 9px 0 0 10px;
    background: #ccc;

    background-image: url(img/border_title.png) no-repeat;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px/32px;
    letter-spacing: 1px;
    color: #222;*/
    
}

.widget-title,.nckh-title, .dtn-title, .widget-title-sukien
{
    float: left;
    margin-bottom: 0px;
    width: 100%;
    padding: 0px;
    text-transform: uppercase;
    border-bottom: 1px solid #0082e7;
    background: #0082e7;
/*    background: url(img/bg-tit-cam.png) repeat transparent;
*/}
 .widget-title h3{
    color: #fff;
    font-size: 14px;
    padding: 3px 10px;
 }
.cd-dtn-title
{
    float: left;
    margin-bottom: 0px;
    width: 100%;
    padding: 0px;
    text-transform: uppercase;
    border-bottom: 1px solid #0082e7;
}

.widget-title h2 
{
   height: 24px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  padding: 4px 0px 0px 10px;
  font-size: 14px;
}

.widget-title-sukien h2 
{
    font-size: 14px;
    height: 24px;
    line-height: 33px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0px 25px 5px 12px;
    margin-bottom: 0px;
    float: left;    
    /*background: #ff5a00;*/

    background-image: url(img/bg-light.png) repeat-x !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    color: #fff;
    border-bottom: 1px solid #E6E6E6;
}
.nckh-title h2 
{
    font-size: 14px;
    height: 24px;
    line-height: 33px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0px 25px 5px 12px;
    margin-bottom: 0px;
    background: #ff5a00;
    float: left;
    background-image: url(img/border_title.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    color: #fff;
    border-bottom: 1px solid #E6E6E6;
}
.dtn-title h2 
{
    font-size: 14px;
    height: 24px;
    line-height: 33px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0px 25px 5px 12px;
    margin-bottom: 0px;
    background:  #0082e7;
    float: left;
    background-image: url(img/border_title.png) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    color: #fff;
    border-bottom: 1px solid #E6E6E6;
}

.cd-dtn-title h2 
{
    font-size: 14px;
    height: 24px;
    line-height: 33px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0px 25px 5px 12px;
    margin-bottom: 0px;
    background:  #0082e7;
    float: left;
    /*background-image: url(img/border_title.png) !important;*/
    background-repeat: no-repeat !important;
    background-position: right center !important;
    color: #fff;
    border-bottom: 1px solid #E6E6E6;
}

/* Cong doan - doan thanh nien */
.box-left 
{
    float: left;
    width: 100%;
}
.two-col
{
    width: 100%;
    margin-left: 0px;
    margin-top: 10px;
    float: left;
    min-height: 399px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.two-col-left
{
    padding-right: 5px;
    width: 345px;
    /*border-right: 1px solid #e6e6e6;*/
    margin-right: 0px;
    float: left;
}
.two-col-right
{
    padding-left: 5px;
    width: 345px;
    float: right;
}

.two-col .two-col-left img, .two-col .two-col-right img
{
    width: 325px;
    height: 200px;
    line-height: 0;
    display: block;
    position: relative;
    margin: 0px;
    overflow: hidden;
    float: left;
    margin-bottom: 15px;
    padding: 10px 0px 0px 10px;
}
.box-two-col-left-right
{
    float: left;
    width: 100%;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.footer_meta {
width: 100%;
float: left;
font-size: 13px;
margin-top: 5px;
padding: 5px 0px;
border-top: 1px solid #e6e6e6;
/*border-bottom: 2px solid #f7d9d9;
*/line-height: 1.3;
}
.footer_meta .meta-commentd {
float: right;
font-family: Tahoma;
}
.wrap_box_style_ul {
    float: left;
}
.feature-post-list {
float: left;
width: 100%;
margin-bottom: 0px;
}
.feature-post-list li {
width: 100%;
float: left;
padding-bottom: 13px !important;
margin-top: 13px;
margin-bottom: 0px;
list-style: none;
border-bottom: 1px solid #e6e6e6;
}
.feature-post-list .feature-image-link {
display: block;
float: left;
position: relative;
line-height: 0;
overflow: hidden;
background: #000;
width: 100px;
height: 75px;
}
.feature-post-list .feature-image-link img
{
    width: 100px;
    height: 75px;
}
.feature-post-list .item-details {
    position: relative;
    margin-left: 115px;
    top: 0px;
}
.feature-post-list .feature-post-title
{
    font-weight: bold;
    font-size: 14px;
}
.post-meta .post-author, .post-meta .post-date, .post-meta .meta-cat {
font-weight: normal !important;
letter-spacing: 0.3px;
margin-right: 5px;
}

/* SIINGLE */
.box-single
{
    border: 1px solid #e6e6e6;
    padding: 10px;
    margin-top: 10px;
    min-height:200px;
}
.entry-content {
    line-height:1.9;
    font-size: 14px;
}

.thumb
{
    float: left;
    width: 219px;
    margin: 0 10px 10px 0px;
    border: 1px solid #f8f8f8;
    padding:5px;
    background-color: #fff;
}
.entry-content img {
    padding:3px;
    background-color: #fff;
    max-width:600px;
    height:auto;
    border: 1px solid #ddd;
}
.entry-content p.wp-caption-text{text-align: center;font-style: italic;}
.thumb-index {
  float: left;
  width: 219px;
  margin: 10px;
  box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.1);
  border-left: 1px solid #f8f8f8;
}

.thumb-dv {
  float: left;
  width: 130px;
  margin: 10px 10px 0 0;
  box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.1);
  border-left: 1px solid #f8f8f8;
}

.breadcrumb
{
    position: relative;
  background-color:  #0082e7;
  color: #fff;
  padding: 3px 10px;
  min-height: 23px;
  font-size: 12px;
}
.breadcrumb:after
{
    content: no-close-quote;
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: -5px;
    left: 22px;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid  #0082e7;
}
.breadcrumb a
{
    color: #fff;
    font-weight: bold;
    margin: 0;
}

/*.breadcrumb a:after, .breadcrumb:after
{
    content: no-close-quote;
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: -5px;
    left: 22px;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #ff5a00;
}*/

.wp-pagenavi
{
    height: 24px;
    background: #efefef;
}

/* ARCHIVE */
.sidebar-content
{
   padding: 5px;    
}
.sidebar-content a
{
    color: rgb(216, 6, 14);
    font-weight: bold;
}

#wp-calendar
{
    width: 223px;
    height: 180px;
    text-align: center;
    margin: 0 auto;
}
/*** Văn ***/
.table-border-1px, .table-border-1px td 
{
        border: 1px solid #ddd;
    border-spacing: 0;
}

/* FOOTER */
#footer {width: 1000px; height: 120px; margin-bottom: 15px; overflow:hidden; margin: 0 auto;}
#menufooter {width:1000px;background:#0082e7; text-align:center;color:#fff; font-size:12px;}
#menufooter a{color:#fff;line-height:28px;padding:0 8px;border-left: 1px solid #efefef; }
#menufooter a.first{ border: none; }
#footer .bg-left { position: absolute; float: left; width: 8px; height: 83px; }
#footer .bg-right { float: right; position: absolute; width: 8px; height: 83px; right: 0; }
#footer .content-footer { float: left; line-height: 1.4; width: 1000px; /*background-color: #fff;*/ }
#footer .content-footer .info { float: left; margin-left: 15px; margin: 10px 0 10px 0; width: 50%; margin-left: 20px; }
#footer .content-footer .info .company-name .value { font-weight: bold; text-transform: uppercase; color: #ce0000; }
#footer .content-footer .info .address, #footer .content-footer .info .email, #footer .content-footer .info .tel { color: #333; font-size: 13px; }
#footer .content-footer .info .address .label, #footer .content-footer .info .email .label, #footer .content-footer .info .tel .label { font-style: italic; color: #b49797; }
#footer .content-footer .share-network { float: right; width: auto; margin: 10px 0 10px 0; text-align: right; margin-right: 20px; }
#footer .content-footer .share-network .copyright { color: #b49797; font-size: 12px; }
#footer .content-footer .share-network .copyright a { color: #ce0000; font-weight: bold; }
#footer .content-footer .share-network .copyright a:hover { color: #b49797; text-decoration: none; }
#footer .content-footer .share-network .designed_by, #footer .content-footer .share-network .designed_by a { color: #ac4e4e; font-size: 11px; text-decoration: none; }
#footer .content-footer .share-link { float: right; background: url(http://kimkhithanhson.com/wp-content/themes/cdcgvn%20-%20std-2col/icon/social.png) no-repeat transparent; width: 96px; height: 22px; margin-top: 10px; }
#footer .content-footer .share-link a { display: block; height: 22px; width: 22px; float: left; margin-right: 2px; cursor: pointer; }


.bright
{
   float: left;
   width: 217px;
   position: relative;
}
#newsticker { 
padding:5px; 
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin: 5px 10px 10px 5px;
line-height: 1.5;
}

#newsticker a { text-decoration:none;}
#newsticker img { border: 2px solid #efefef; }

#newsticker .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.newsticker-item { width:217px; }
.newsticker-item ul li {
list-style: none;
display: block;
margin-bottom: 3px;
}
.hr 
{
    border-bottom: 1px dotted #efefef;
    width: 197px;
}
.newsticker-item .thumbnail { float:left; width:100px; }
.newsticker-item .info { float:left; width:197px; line-height: 1.7;}
.newsticker-item .info span.cat { display: block; font-size:10px; color:#808080; }
.info a
{
    color: #D50000;
    font-weight: 600;
}
/* Custom post type*/
.post-picture{background:#fff;box-shadow:0 1px 2px #999;width:600px;margin: 0 auto; padding: 10px; margin-top: 10px;}
.post-picture .thumbpostype img{width:600px; text-align: center;}


/* Css menu top */
@import url(//fonts.googleapis.com/css?family=Open+Sans);
#cssmenu_top,
#cssmenu_top ul,
#cssmenu_top ul li,
#cssmenu_top ul li a,
#cssmenu_top #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu_top:after,
#cssmenu_top > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu_top #menu-button {
  display: none;
}
#cssmenu_top {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu_top > ul > li {
  float: left;
}
#cssmenu_top.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu_top.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu_top.align-center ul ul {
  text-align: left;
}
#cssmenu_top.align-right > ul > li {
  float: right;
}
#cssmenu_top.align-right ul ul {
  text-align: right;
}
#cssmenu_top > ul > li > a {
  padding: 10px;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  color: #363636;
font-weight: bold;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu_top > ul > li:hover > a,
#cssmenu_top > ul > li.active > a {
  color: #363636; font-style: italic;
}
#cssmenu_top > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu_top > ul > li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 15px;
  width: 3px;
  height: 3px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu_top > ul > li.has-sub:hover > a::after {
  border-color: #009ae1;
}
#cssmenu_top ul ul {
  position: absolute;
}
#cssmenu_top li:hover > ul {
  left: auto;
}
#cssmenu_top.align-right li:hover > ul {
  right: 0;
}
#cssmenu_top ul ul ul {
  margin-right: 100%;
  top: 0;
}
#cssmenu_top.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu_top ul ul li {
height: 18px!important;
margin-top: 5px;
-webkit-transition: height .2s ease; 
-moz-transition: height .2s ease;
-ms-transition: height .2s ease;
-o-transition: height .2s ease;
transition: height .2s ease;
border-bottom: 1px solid #ccc;
letter-spacing: 1px;
}

#cssmenu_top ul li:hover > ul > li {
  height: 32px;
}
#cssmenu_top ul ul li a {
  padding: 0px 15px;
  width: 150px;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
  color: #B40707;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  height: 22px;
}
#cssmenu_top ul ul li:hover > a,
#cssmenu_top ul ul li a:hover {
  color: #ea500; font-style: italic;
}
#cssmenu_top ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 5px;
  width: 2px;
  height: 2px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu_top.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu_top ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}

/*Fanpage*/
#u_0_0, .fb-page,_li
{
 width: 267px!important;
}


/** First Col **/
.first-col
{
    width: 225px;
    float: left;
    margin-right: 10px;
}

#search-box {
  display: block;
}
#searchform
{
}
#search-box .search-area {
  border: 1px solid #0082e7;
  margin: 6px 0 0;
  background: #fff;
}
.control-group {
  position: relative;
}
#search-box .search-area .search-field {
  border: none;
  width: 62%;
  padding: 0px 10px;
  outline: 0;
}
#search-box .search-area .search-button {
  float: right;
  display: inline-block;
  text-align: center;
  /* padding: 0px 17px 5px; */
  /* margin: 0px!important; */
  background-color: #0082e7;
  text-decoration: none;
}
input[type=submit], input[type=reset], input[type=button] {
  background: #0082e7;
  color: #fff;
  text-transform: uppercase;
  height: 25px;
  padding: 0px 15px;
  border: none;
  font-size: 14px;
  transition: background .3s;
  -webkit-transition: background .3s;
  -moz-transition: background .3s;
  -ms-transition: background .3s;
  -o-transition: background .3s;
}
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

#mvccount {
  padding: 10px;
}
#mvctable {
  padding: 10px;
}

/***Tab ***/
.tabs-tour {
  margin-top: 0px;
  border: 1px solid #F0F0F0;

}

.tabs {
  height: auto;
}
.tabs li {
  float: none;
  line-height: 32px;
  margin-bottom: -2px;
  list-style: none;
  /* width: 138px; */
  margin-right: 0px;
  /* background: url(img/menu-bg-1px.gif) repeat transparent; */
  background-color: #F8F8F8;
  border-top: 1px solid #fcfcfc;
  border-bottom: 1px solid #ddd;
}
.tabs li a.active {
  background: #efefef;
  color: red;
}
.tabs li a {
  color: #333;
  display: block;
  padding: 0 5px;
  font-size: 14px;
  height: 33px;
  text-decoration: none;
}

.tab-left
{
    float: left;
    width: 160px;
    margin-right: 10px;
}
.tab-right
{
    float: left;
    width: 338px;
}
.tab-container
{
    float: left;
}

.lv1, .lv2, .lv3, .lv4, .lv5, .lv6
{
    border-bottom: 1px solid #ddd;
}


/* Sản phẩm LIST*/
.sanpham { 
} 
.sanpham li { 
    font-size: 13px;
    line-height: 1.8;
    float: left; 
    margin-left: 10px; 
    width: 355.99999px; 
    margin-bottom: 15px;
} 
.sanpham li:first-child { 
    margin-left: 0!important; 
}

.sanpham li:nth-child(2n+1){
    margin-left: 0;
}

.sanpham li img{
    width: 120px;
    height: 90px;
    float: left;
    
}
.sanpham li h3{
}
span.motasp{text-align: justify;}
span.datsanpham{background: #827959; padding: 3px 6px;font-size: 11px; }
span.datsanpham a{color: #fff;}

/* Sản phẩm grid*/
.sanpham-grid { 
} 
.sanpham-grid li { 
    font-size: 13px;
    line-height: 1.6;
    float: left; 
    margin-left: 10px; 
    width: 233.99999px; 
    margin-bottom: 15px;
} 
.sanpham-grid li:first-child { 
    margin-left: 0!important; 
}

.sanpham-grid li:nth-child(3n+1){
    margin-left: 0;
}

.sanpham-grid li img{
    width: 225.99999px;
    height: 130px;
    /*border: 1px solid #eae9e1;
    padding: 3px;
    margin-right: 5px;*/
}
.sanpham-grid li a img:hover{border-color:#ea5000;}
.sanpham-grid li h3{
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 25px;
    overflow: hidden;
}
span.motasp{text-align: justify;}
span.datsanpham{background: #827959; padding: 3px 6px;font-size: 11px; }
span.datsanpham a{color: #fff;}

/* Sticky */
.stickytooltip{
display:none;
position:absolute;
display:none;
border:5px solid #0082e7!important;
background-color: #fff;
z-index:3000;
}


.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background: #0082e7!important;
color:white;
text-align:center;
font:normal 11px/20px Arial;
letter-spacing: 1px;
}



/* INTRO */
.col-left .box-intro
{
    float: left;
    position: relative;
    margin-bottom: 10px;
}
.col-left .box-intro .box-content
{
    width: 745px;
    float: right;
}
.intro
{
    padding: 10px;
    text-align: justify;
    border: 1px solid #EAE9E1;
}
.slide-sp
{
    float: right;
    margin: 0px 0px 10px 10px ;
    border-bottom: 5px solid #eae9e1;
}

/** Site Begin */
.site-begin{
position:fixed;
left:0;
top:0;
layer-background-color:red;
background-color:red;
border:0.1px solid red;
z-index:9;
}

.box-sp{
    position:relative;
    border: 1px solid #eae9e1;
    padding: 3px;
}
.box-sp:hover{
    border: 1px solid #ea5000;
}
#cssmenu > ul > li > ul > li{
width:250px!important;
border-bottom: 1px dotted #ccc;
}
#cssmenu > ul > li > ul > li:last-child{
border-bottom: 5px solid #0082e7;
}
#cssmenu ul li ul li a{
font-family: Arial;
width: 250px!important;
font-size: 14px!important;
line-height: 1.5;
}